﻿.itemIconWithTooltip {
	position:relative;
}
.iconTooltip {
	position: absolute;
	text-align: left;
	float: left;
	border: solid #000 1px;
	background-color: #111;
	width: 337px;
	padding: 20px;
	background: -moz-linear-gradient(top, #2e2e2d, #000000);
	z-index: 100;
}

.iconTooltip img {
	opacity: 1 !important;
}

.iconTooltip div:empty, .iconTooltip:hover {
	display: none !important;
}

/* specific tooltip style changes for item/ability/hero types */
.iconTooltip_item {
}
.iconTooltip_ability {
}
.iconTooltip_hero {
	width:auto;
	text-align:center;
}
.iconTooltip .itemIcon {
	float:left;
	width:74px;
	height:56px;
	margin-right:4px;
}
.iconTooltip .itemName {
	margin:7px 0px 3px 82px;
	color:#ffffff;
	font-size:18px;
	font-family:KoreanFont,georgia,serif;
	text-transform:uppercase;
}
.iconTooltip .itemCMB {
	padding: 4px 0;
}
.iconTooltip .abilityName {
	margin:7px 0px 6px 0px;
	font-weight:normal;
	color:#ffffff;
	font-size:18px;
	font-family:KoreanFont,georgia,serif;
	text-transform:uppercase;
}
.iconTooltip .abilityCMB {
	padding: 4px 0;
}
.iconTooltip .quality_rare {
	color:#1a87f9;
}
.iconTooltip .quality_artifact {
	color:#e29b01;
}
.iconTooltip .quality_secret_shop {
	color:#ffffff;
}
.iconTooltip .quality_consumable {
	color:#1d80e7;
}
.iconTooltip .quality_common {
	color:#2bab01;
}
.iconTooltip .quality_epic {
	color:#b812f9;
}
.iconTooltip .quality_component {
	color:#ffffff;
}
.iconTooltip .goldIcon {
	float:left;
	margin:2px 4px 0 0;
}
.iconTooltip .goldCost {
	font-weight:bold;
	color:#f5c433;
	font-size:15px;
}
.iconTooltip .description {
	font-weight:bold;
	color:#c0c0c0;
	font-size:14px;
	line-height:21px;
	margin-top:9px;
	padding-left:2px;
	margin-bottom: 13px;
}
.iconTooltip .notes {
	font-weight:bold;
	color:#6fe771;
	font-size:14px;
	line-height:21px;
	padding-left:2px;
	padding-bottom: 8px;
}
.iconTooltip .attribVal {
	color:#fbb040;
}
.iconTooltip .attribs {
	font-weight:bold;
	color:#7a7a7a;
	font-size:15px;
	line-height:21px;
	margin:6px 0 0 11px;
	padding-left:2px;
}
.iconTooltip .attribValText
{
	color:#c0c0c0;
}
.iconTooltip .lore {
	clear:right;
	color:#afafaf;
	font-size:11px;
	line-height:18px;
	padding:4px 0 4px 2px;
}
.iconTooltip .mana {
	float:right;
	width:168px;
}
.iconTooltip .cooldownMana {
	color:#fbb040;
	font-size:13px;
	margin:8px 0 10px 0;
	line-height:22px;
	height:22px;
	padding-left:2px;
}
.iconTooltip .manaImg, .iconTooltip .cooldownImg {
	margin:0 6px 0 0;
	display:block;
	float:left;
}
.iconTooltip .abilityHR1, .iconTooltip .abilityHR2 {
	background-repeat:no-repeat;
	height:2px;
	min-width:320px;
	margin:5px 0px;
	background-image:url( 'http://cdn.dota2.com/apps/dota2/images/tooltips/abil_hr_1.png' );
}
.iconTooltip .abilityHR2 {
	background-image:url( 'http://cdn.dota2.com/apps/dota2/images/tooltips/abil_hr_2.png' );
}
.iconTooltip .abilityTarget {
	color:#ffffff;
	font-size:14px;
	font-family:KoreanFont,arial, helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	padding: 7px 0;
}
.iconTooltip .abilityTarget .attribVal {
	color:#ffffff;
}
.iconTooltip .abilityDmg .attribVal, .iconTooltip .abilityAttrib .attribVal {
	color:#888888;
}
.iconTooltip .abilityDesc {
	color:#c6c6c6;
	line-height:20px;
	font-size:14px;
	margin-bottom:6px;
	font-weight:bold;
	padding:4px 0;
}
.iconTooltip .abilityNotes {
	color:#6fe771;
	line-height:20px;
	font-size:14px;
	margin-bottom:6px;
	font-weight:bold;
}
.iconTooltip .abilityDmg, .iconTooltip .abilityAttrib {
	font-size:14px;
	font-family:KoreanFont,arial, helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	color:#c6c6c6;
	padding: 4px 0;
}
.iconTooltip .abilityCMB .mana,.iconTooltip .abilityCMB .cooldown {
	color:#777777;
	font-family:KoreanFont,arial, helvetica, sans-serif;
	font-weight:normal;
}
.iconTooltip .abilityLore {
	color:#a8a8a8;
	font-family:KoreanFont,arial, helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:left;
}
.iconTooltip .abilityCMB .cooldownMana
{
	margin:6px 0px 2px 0px;
}

/* hero tips */
.iconTooltip .heroPrimaryStats {
	width:180px;
	height:62px;
	position:relative;
	margin:0 auto;
	overflow:visible;
}
.iconTooltip .overviewIcon_Primary {
	position:absolute;
	left:-1px;
	/*top:83px;*/
	z-index:4;
}
.iconTooltip .overviewIcon_Int {
	position:absolute;
	left:1px;
	top:2px;
	z-index:5;
}
.iconTooltip .overviewIcon_Agi {
	position:absolute;
	left:1px;
	top:23px;
	z-index:5;
}
.iconTooltip .overviewIcon_Str {
	position:absolute;
	left:1px;
	top:44px;
	z-index:5;
}
.iconTooltip .overviewIcon_Attack {
	position:absolute;
	left:104px;
	top:2px;
}
.iconTooltip .overviewIcon_Speed {
	position:absolute;
	left:97px;
	top:23px;
}
.iconTooltip .overviewIcon_Defense {
	position:absolute;
	left:102px;
	top:44px;
}
.iconTooltip .overview_StatVal {
	position:absolute;
	font-size:14px;
	font-weight:bold;
}
.iconTooltip .overview_IntVal {
	top:2px;
	left:21px;
}
.iconTooltip .overview_AgiVal {
	top:23px;
	left:21px;
}
.iconTooltip .overview_StrVal {
	top:44px;
	left:21px;
}
.iconTooltip .overview_AttackVal {
	top:2px;
	left:133px;
}
.iconTooltip .overview_SpeedVal {
	top:23px;
	left:133px;
}
.iconTooltip .overview_DefenseVal {
	top:44px;
	left:133px;
}
.iconTooltip .primaryVal {
	color:#fefefe;
}
.iconTooltip .heroName {
	text-align:center;
	padding-bottom:2px;
	font-family:KoreanFont,georgia,serif;
	font-weight:normal;
	/*text-transform:uppercase;*/
	letter-spacing:2px;
	font-size:16px;
	color:#d9d9d9;
}
.iconTooltip .heroRoles {
	text-align:center;
	color:#939393;
	font-family:KoreanFont,arial,helvetica,sans-serif;
	font-size:12px;
	padding:4px 0 6px 0;
}
.iconTooltip .heroAttackCability {
	color:#ffffff;
}
.iconTooltip .BaseArrow {
	display:block !important;
	position:absolute;
	width:29px;
	height:34px;
	top:20px;
	z-index:101;
}
.iconTooltip .ArrowLeft:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(17, 17, 17, 0);
	border-right-color: #111;
	border-width: 20px;
	margin-top: -19px;
}
.iconTooltip .ArrowRight:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(17, 17, 17, 0);
	border-left-color: #111;
	border-width: 20px;
	margin-top: -19px;
	margin-left: -29px;
}

